﻿/*================================================BEGIN - 2 Column Div FULL========================================*/
.div2ColumnFull{width:99% !important;min-width:99% !important;  }
.div2ColumnFull .label{width:22%;min-width:22% !important;}
.div2ColumnFull .labelNoText{width:22%;min-width:20% !important; }
.div2ColumnFull .control{width:75%;}


/*================================================BEGIN - 2 Column Div========================================*/
.div2Column{width:99% !important;min-width:99% !important;  }
.div2Column .label{width:15%;min-width:15% !important; margin-left:170px !important;  }
.div2Column .labelNoText{width:15%;min-width:15% !important; }
.div2Column .control{width:45%;}
.div2Column .controlRight{width:45%;} /*su dung 1 trong 2 control nay*/

/*================================================BEGIN - 4 Column Div========================================*/
.div4Column{width:100% !important;min-width:100% !important;}
.div4Column .label{width:15%; }
.div4Column .labelNoText{width:15%; }
.div4Column .control{width:32%; }
.div4Column .controlCenter{width:32%; text-align:center !important}
.div4Column .controlLast{width:33%;}
.div4Column .controlRight{width:33%;} /*su dung 1 trong 2 control nay*/
.div4Column .merge3{ width:83%;}
.div4Column .address{text-align:center !important; width:15%; margin-right:7px !important; float:left } /*sử dụng cho nhập thông tin tỉnh thành*/
.div4Column .contact{text-align:left !important; width:25%; margin-right:7px !important; float:left } /*sử dụng cho thông tin liên hệ khẩn*/
.div4Column .addressFirst{ text-align:center !important; width:25%; margin-right:7px !important; float:left} /*Nhập địa chỉ*/
.div4Column .phoneCode{ text-align:center !important; width:8%; margin-right:7px !important;float:left } /*Nhập mã vùng*/
/*================================================BEGIN - 6 Column Div========================================*/
.div6Column{width:100%; min-width:100%; }
.div6Column .label{width:11%;min-width:11%;}
.div6Column .labelNoText{width:11%;min-width:11% !important; }
.div6Column .control{width:20%;}
.div6Column .controlLast{width:21%;}

.div6Column .address{text-align:center !important; width:15%; margin-right:7px !important; float:left } /*sử dụng cho nhập thông tin tỉnh thành*/
.div6Column .contact{text-align:left !important; width:25%; margin-right:7px !important; float:left } /*sử dụng cho thông tin liên hệ khẩn*/
.div6Column .addressFirst{ text-align:center !important; width:25%; margin-right:7px !important; float:left} /*Nhập địa chỉ*/
.div6Column .phoneCode{ text-align:center !important; width:8%; margin-right:7px !important;float:left }
.div6Column .controlRight{width:20%; } /*su dung 1 trong 2 control nay*/
.div6Column .div3Colum{width:53%;float:left; padding-right:10px; }
.div6Column .div5Colum{width:86%;float:left; min-width:640px;}


/*================================================General - Control==============================================*/
.div2Column,.div4Column,.div6Column 
{
    padding:auto;  
    text-align:left;    
    text-align:left; 
    min-height:28px;
    vertical-align:middle;
    margin:auto;
}
.div2Column .control,.div4Column .control,.div6Column .control,.div4Column .merge3, .div4Column .controlCenter
, .div2ColumnFull .control,.divEmpInfo .control
{
    float:left;     
    text-align:left;
    margin-left:0; 
  
}
.div4Column .controlLast,.div6Column .controlLast
{
    float:left;     
    text-align:left;
    margin-left:0; 
  
}
.div2Column .label,.div4Column .label,.div6Column .label,.div2ColumnFull .label,.divEmpInfo .label
{
    text-align:right;
    float:left;     
    background-color:#F6F6F6; 
    padding-top:4px; 
    padding-bottom:4px;    
    border-bottom:1px solid #DDD;
    border-right:1px solid #DDD;
     
    margin-right:5px; 
    margin-left:8px;
   
  
}
.div2Column .labelNoText,.div4Column .labelNoText,.div6Column .labelNoText, .div2ColumnFull .labelNoText
{
    text-align:right;
    float:left;    
    padding-top:4px; 
    padding-bottom:4px;  
    padding-left:0px; 
    padding-right:0px;    
    
    margin-right:5px; 
    margin-left:8px;
  
}
.div2Column .controlRight,.div4Column .controlRight,.div6Column .controlRight
{
    float:left; margin-right:1%; text-align:left; 
}
.div2Column .divAuto ,.div4Column .divAuto ,.div6Column .divAuto 
,.div2Column .divAutoNotMargin ,.div4Column .divAutoNotMargin ,.div6Column .divAutoNotMargin 
{
    width:auto; float:left; margin-left:0px; text-align:left;
}
.divSepearator{ margin-top:5px;}
.divGrid{ width:100%; margin-top:5px; text-align:left}
/*================================================Advaneced Search==============================================*/
.divAdvanced .divExpanded{ cursor:pointer; color:Blue; padding-right:20px; padding-bottom:3px;  background:transparent  url("../images/up.gif") no-repeat center right !important; }
.divAdvanced .divCollapsed{cursor:pointer; color:Blue; padding-right:20px; padding-bottom:3px; background:transparent  url("../images/down.gif") no-repeat center right !important; }
.divAdvanced .label{ float:right; width:25%;  margin-right:1%; min-width:120px; text-align:right;}
.divAdvanced .sep{ float:left; width:70%; border-bottom:0px solid #fed8b3; height:10px; }
.divAdvanced .sep hr{ background-color:#ccc;}
.divAdvanced{width:100%; text-align:left;}
.divNote{ font-style:italic; padding-left:10px}
/*Emp Resume*/
.divEmpInfo
{
    width:80%; 
    float:left;
}
.divEmpInfo .aRow{ width:100%;}
.divEmpInfo .label
{
     width:19%;
}
.divEmpInfo .control
{
     width:40%;
}
.divEmpImage
{
    width:20%;
    float:right;
}
.divEmpImage .image:hover{ border:1px solid;  }
.divEmpImage .image{ border:1px solid #ccc;  }
